<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>客服中心</title>
    <link rel="stylesheet" href="./css/rlb5.css">
</head>

<body>

    <nav>
        <div class="nav-container">
            <div class="nav-left">
                <img src="image\bilibili.png" alt="logo" width="70px" height="35px"
                    style="position: relative;top: 10px;">
                <a href="#"><span>首页</span></a>
                <a href="#"><span>番剧</span></a>
                <a href="#"><span>直播</span></a>
                <a href="#"><span>游戏中心</span></a>
                <a href="#"><span>会员购</span></a>
                <a href="#"><span>漫画</span></a>
                <a href="#"><span>赛事</span></a>
                <a href="#"><span>下载客户端</span></a>
            </div>
            <input type="search" name="" id="">
            <div class="nav-right">
                <button>登录</button>
                <a href="#"><span>大会员</span></a>
                <a href="#"><span>消息</span></a>
                <a href="#"><span>动态</span></a>
                <a href="#"><span>收藏</span></a>
                <a href="#"><span>历史</span></a>
                <a href="#"><span>创作中心</span></a>
                <input type="button" value="投稿">
            </div>
        </div>
    </nav>
    <div class="background"></div>
    <main>
        <div class="one">
            <p>自助服务</p>
            <div class="top-content">
                <div>
                    <img src="image\历史留言.png" alt="">
                    <p>历史留言</p>
                </div>
                <div>
                    <img src="image\账号找回申诉.png" alt="">
                    <p>账号申诉找回</p>
                </div>
                <div><img src="image\社区违规申诉.png" alt="">
                    <p>社区违规申诉</p>
                </div>
                <div><img src="image\稿件申诉.png" alt="">
                    <p>稿件申诉</p>
                </div>
                <div><img src="image\手机换绑.png" alt="">
                    <p>手机换绑</p>
                </div>
                <div><img src="image\游戏常见问题.png" alt="">
                    <p>游戏常见问题</p>
                </div>
                <div><img src="image\大会员续费.png" alt="">
                    <p>大会员缴费</p>
                </div>
                <div><img src="image\账号注销.png" alt="">
                    <p>账号注销</p>
                </div>
                <div><img src="image\帮助中心.png" alt="">
                    <p>帮助中心</p>
                </div>
                <div><img src="image\账号封禁申诉.png" alt="">
                    <p>账号封禁申诉</p>
                </div>
            </div>
        </div>
        <div class="two">
            <p>猜你想问</p>
            <div class="center-content">
                <a href=""><button>猜你想问</button></a>
                <a href=""><button>账号相关</button></a>
                <a href=""><button>付费增值</button></a>
                <a href=""><button>平板相关</button></a>
                <ul>
                    <li>我要如何投稿？</li>
                    <li>如何换绑手机号？</li>
                    <li>哔哩哔哩游戏账号如何找回？</li>
                    <li>预售商品什么时候出荷？什么时候补款呢？</li>
                    <li>游戏中心在哪里呢？</li>
                </ul>
            </div>
        </div>
        <div class="three">
            <p class="first">联系中心</p>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>up主服务</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>必剪与创作工具</p>
                            </a>
                            <a href="#">
                                <p>稿件审核与规范</p>
                            </a>
                            <a href="#">
                                <p>up主权益</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>投稿上传与发布</p>
                            </a>
                            <a href="#">
                                <p>稿件数据相关</p>
                            </a>
                            <a href="#">
                                <p>投稿活动与创作任务</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>稿件设置与管理</p>
                            </a>
                            <a href="#">
                                <p>稿件流量与推广</p>
                            </a>
                            <a href="#">
                                <p>稿件创作收益与结算</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>付费增值</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>大会员相关</p>
                            </a>
                            <a href="#">
                                <p>免流相关</p>
                            </a>
                            <a href="#">
                                <p>工房</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>装扮/收藏集</p>
                            </a>
                            <a href="#">
                                <p>充电购买</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>
                                    课程购买</p>
                            </a>
                            <a href="#">
                                <p>
                                    哔哩哔哩漫画</p>
                            </a>

                        </div>
                    </div>
                </div>
            </div>

            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>会员购电商</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>票务问题咨询</p>
                            </a>
                            <a href="#">
                                <p>非质量问题售后</p>
                            </a>
                            <a href="#">
                                <p>物流问题咨询</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>魔力赏&一番赏</p>
                            </a>
                            <a href="#">
                                <p>商品售前咨询</p>
                            </a>
                            <a href="#">
                                <p>商业合作咨询</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>质量问题售后</p>
                            </a>
                            <a href="#">
                                <p>活动优惠咨询</p>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>社区互动</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>互动违规反馈</p>
                            </a>
                            <a href="#">
                                <p>动态抽奖&话题</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>互动申诉反馈</p>
                            </a>
                            <a href="#">
                                <p>社区功能异常</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>社区功能咨询</p>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>账号</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>账号资料&设置</p>
                            </a>
                            <a href="#">
                                <p>账号申诉解封</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>手机号解换绑</p>
                            </a>
                            <a href="#">
                                <p>账号被盗</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>无法登录&找回</p>
                            </a>
                            <a href="#">
                                <p>账号认证&实名</p>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>播放相关</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>视频观看设置</p>
                            </a>
                            <a href="#">
                                <p>首页推荐</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>追番&影视</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>搜索</p>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>直播</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>直播规则与处罚</p>
                            </a>
                            <a href="#">
                                <p>主播活动与任务</p>
                            </a>
                            <a href="#">
                                <p>直播互动与玩法</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>主播开播与设置</p>
                            </a>
                            <a href="#">
                                <p>直播消费与打赏</p>
                            </a>
                            <a href="#">
                                <p>公会与公会主播</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <p>主播收益与提现</p>
                            </a>
                            <a href="#">
                                <p>
                                    直播观看与设置</p>
                            </a>
                            <a href="#">
                                <p>直播违规反馈</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="one-box">
                <div class="two-box">
                    <div class="top-box">
                        <img src="image\up.png" alt="" width="32px">
                        <h4>公益/能量加油站</h4>
                    </div>
                    <br>
                    <div class="bottom-box">
                        <div>
                            <a href="#">
                                <p>哔哩哔哩公益</p>
                            </a>

                        </div>
                        <div>
                            <a href="#">
                                <p>能力加油站</p>
                            </a>

                        </div>
                        <div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="four">
            <p class="first">自助服务</p>
            <div class="other-left">
                <p class="second">客服热线</p>
                <hr>
                <div style="padding-top: 10px;">
                    <p>会员购问题客服热线：4006262233转2</p>
                    <p>大会员问题客服热线：4006262233转1</p>
                    <p>热线受理时间：10:00-18:00</p>
                </div>
            </div>
            <div class="other-right">
                 <p class="second">游戏问题反馈</p>
                <hr>
                <div style="padding-top: 10px;">
                    <p>联系客服：<span>ttps://game.bilibili.com/kf/</span></p>
                    <p>客服热线：400-178-2233</p>
                    <p>热线受理时间：每日10:00-18:00</p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div style="background-color: #f6f7f8;margin-top: 50px;">
            <div class="top" style="height: 180px;">
                <div class="top-left">
                    <p style="font-size: 14px;color: #666666;">bilibili</p>
                    <p style="font-size: 14px;"><span>关于我们</span>
                        <a href="#"><span>联系我们</span></a>
                        <a href="#"><span>用户协议</span></a>
                        <a href="#"><span>加入我们</span></a>
                        <a href="#"><span>友情链接</span></a>
                        <a href="#"><span>隐私政策</span></a>
                        <a href="#"><span>bilibili认证</span></a>
                        <a href="#"><span>investor</span></a>
                        <a href="#"><span>Relations</span></a>
                    </p>
                </div>
                <div class="top-center">
                    <p style="font-size: 14px;color: #666666;">传送门</p>
                    <p style="font-size: 15px;"><span>协议汇总</span>
                        <a href="#"><span>活动中心</span></a>
                        <a href="#"><span>活动专题库</span></a>
                        <a href="#"><span>侵权申诉</span></a>
                        <a href="#"><span>帮助中心</span></a>
                        <a href="#"><span>社区中心</span></a>
                        <a href="#"><span>壁纸站</span></a>
                        <a href="#"><span>广告合作</span></a>
                        <a href="#"><span>名人堂</span></a>
                        <a href="#"><span>MCN管理中心</span></a>
                        <a href="#"><span>高级弹幕</span></a>
                        <a href="#"><span>品牌号官网</span></a>
                    </p>
                </div>
                <div class="top-box">
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\下载-APP.png" alt="" width="40px" height="40px">
                        <p style="text-align: center;">下载APP</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\公益.png" alt="" width="40px" height="40px">
                        <p>公益</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\官方微博.png" alt="" width="40px" height="40px">
                        <p>官方微博</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\官方微信-考研招生在线.png" alt="" width="40px" height="40px">
                        <p>官方微信</p>
                    </div>
                </div>
            </div>
            <hr style="width: 1100px;margin: 0 auto;color: #666666;">
            <div class="bottom" style="height: 250px;text-align: center;padding: 30px;">
                <p><a href="#"><span>营业执照信息网络传播视听节目许可证：0910417网络文化经营许可证
                            沪网文【2022】1848-115号广播电视节目制作经营许可证：（沪）字第01248号增值电信业务经营许可证 沪B2-20100043</span></a></p>
                <p><a href="#"><span>互联网ICspan备案：沪ICspan备13002172号-3出版物经营许可证 沪批字第U6699 号互联网药品信息服务资格证
                            沪-非经营性-2022-0011营业性演出许可证 沪市文演（经）00-2253 |
                        </span></a></p>
                <p><a href="#"><span>不良信息举报邮箱：helspan@bilibili.com涉未成年举报邮箱：teenspanrotect@bilibili.com不良信息举报电话：4006262233转3上海互联网举报中心
                            |12345政务服务便民热线 |</span></a></p>
                <p><a href="#"><span>沪公网安备31011002002436号 |儿童色情信息举报专区 |扫黄打非举报</span></a></p>
                <p><a href="#"><span>网信算备310110764385705230011号网信算备310110764385702230013号</span></a></p>
                <p><a
                        href="#"><span>网上有害信息举报专区：中国互联网违法和不良信息举报中心亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</span></a>
                </p>
                <p><a href="#"><span>公司名称：上海宽娱数码科技有限公司 |公司地址：上海市杨浦区政立路489号 |电话：021-25099888</span></a></p>
                <img src="image\hezuojigou.png" alt="" width="100px" height="40px">
                <img src="image\kankanxinwen.png" alt="" width="100px" height="40px" style="margin-left: 15px;">
                <img src="image\96211.png" alt="" width="100px" height="40px" style="margin-left: 15px;">
            </div>
        </div>
    </footer>
</body>

</html>